﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>

        td {
            border: 1px solid gray;
        }

        table {
            border-collapse: collapse;
        }

        div#app {
            margin: 20px auto;
            width: 400px;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div id="app">
        <table>
            <thead> <tr><th>名字</th><th>血量</th><th>操作</th> </tr></thead>
            <tbody>
                <tr><td>N001</td><td>300</td><td><a href="#Edit">Edit</a><a href="#Dele">Delete</a></td></tr>
                <tr><td>N001</td><td>300</td><td><a href="#Edit">Edit</a><a href="#Dele">Delete</a></td></tr>

                <tr>
                    <td colspan="3">
                        name:<input type="text" /> <br />
                        health:<input type="text" /> <br />
                        <button type="button">Add</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

</body>
</html>